<template>
	<view>
		<uCalendar fields="day" :currentDate="now" startDate="2000" endDate="2030" @calendarChange="selectDateFun" @columChange='columChangeFun'></uCalendar>
		<button type="default" @click="myhttp">惦记我</button>
		<view class="">{{test.msg}}</view>
		<!-- 建议使用vue的filter -->
		<view class="">{{test.up(name)}}</view>
	</view>
</template>
<!-- 微信wxs 视图层的脚本 module 必填 lang="wxs" 哪个脚本的 
wxs 坚定的es5的支持者
-->
<script module="test" lang="wxs">
	var msg = '你好微信s';
	var up = function(str){		
		return  str+'hello';
	}
	// 需要导出
	module.exports = {
		msg:msg,
		up:up
	}
</script>

<script>
	import uCalendar from '@/components/calendar-lch/calendar-lch.vue';
	export default {
		components: {
			uCalendar
		},
		data() {
			return {
				now: "",
				name:'abc'
			}
		},
		onLoad() {
			this.now = '2022-08-09';
			// const data = new Data()
		},
		methods: {
			async myhttp() {
				const {
					data,
					meta
				} = await uni.$Http.get(`/login`, {
					username: 'admin',
					password: '123456'
				})
				uni.setStorage({
					key: 'token',
					data: data.token,
					fail() {
						console.error("登录失败token无法保存")
					}
				})

			},
			// 选中的时候触发
			selectDateFun(e) {
				// 选中号的日期是字符串,e 可以直接赋值
				console.log('选择日期：', e);
			},
			// 列改变的时候触发,列值需要+1 列的下标0,1,2
			columChangeFun(e) {
				console.log('列的值改变：', e);
			}

		}
	}
</script>

<style>

</style>
